<template>
    <div  >
        <jdt  v-on:demo="getType" v-if="lod==true"></jdt>
        <div v-show="lod==false" id="app">
            <heard></heard>
            <el-row style="padding: 20px 20px 20px 20px;">
                <el-col :span="6">
                    <contentI ref="content1"></contentI>
                </el-col>
                <el-col :span="18">
                    <contentRight ref="content2"></contentRight>

                </el-col>
            </el-row>
            <contentII style="margin-bottom:1rem;"> </contentII>
            <contentIII style="margin-bottom:1rem;"></contentIII>
            <contentIIII style="padding-bottom:1rem;"></contentIIII>
        </div>


    </div>
</template>
<script>
    import heard from '@/views/heard/heardIndex.vue';
    import contentI from '@/views/content/content.vue';
    import contentII from '@/views/content2/index.vue';
    import contentIII from '@/views/content3/index.vue';
    import contentIIII from '@/views/content4/index.vue';
    import contentRight from '@/views/content/contentRight.vue'
    import axios from 'axios'
    import jdt from '@/views/jdt.vue';
    // import contentIIIII from '@/views/content5/index.vue';
    export default {
        components: {
            heard, contentI, contentII, contentIII, contentIIII, jdt, contentRight,

            // contentIIIII
        },
        data() {
            return {
                lod: true,
                title: [
                    {
                        name: '首页'
                    },
                    {
                        name: '一键诊断'
                    },
                    {
                        name: '报表下载'
                    },
                    {
                        name: '插件下载'
                    },
                    {
                        name: '抖店服务市场'
                    },
                ]
            };
        },
       
        mounted: function () {
        
// this.EchartsInit();
},
        created() {
            
   

      
       if(this.$store.user==undefined){
        // axios({
        //         method: 'get',
        //         url: 'http://doudian-api.fd1.cc/api/shop_info?shop_id='+this.$store.state.shop_id
        //     })
        //         .then(function (response) {
        //             console.log('个人信息',response.data.data.data)
                   
        //             this.$store.user=response.data.data.data
                
                 
        //         })
        //         .catch(function (error) {
        //             console.log(error)
        //         })
     
       }
      
          
        },
        methods: {
            Clue_fk() {

            },
            getType() {
                this.lod = false
                this.$refs.content1.getInfo()
                this.$refs.content2.getInfo()

            },
            Clue_gl() {
                this.$router.push('/rygl')
            }
        }
    }
</script>
<style lang="less">
    #app {
        background: linear-gradient(rgb(240, 245, 254) 0%, rgb(250, 251, 252) 100%) no-repeat;
        
    }

    .title {
        display: -webkit-inline-box;
        line-height: initial;
        /* color: #77a3e4; */
        font-weight: bold;
        height: 3.75rem;

        div {
            margin: 0px 1vw;
            line-height: 4.375rem;

        }
    }

    .heard_right_top {

        display: flex;
        align-items: center;

        .name {
            font-weight: bold;
            font-size: 18px;
            color: #8d8080;
        }

        img {
            width: 40px;
            height: 40px
        }
    }

    .heard_right_bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        color: darkgrey;

    }
</style>